<template>
    <div style="height:100%">
        <el-container style="height:100%">
           <el-header class="el-header">
            <!--头部区域-->
              <Header></Header>
           </el-header>
           <el-container>
              <el-aside class="el-aside" width="$store.state.iscollapse?'64px':'200px'">
                <!--左侧菜单-->
                 <Menu></Menu>
              </el-aside>
              <el-main class="el-main">
                <!--导航菜单-->
                <TagMenu></TagMenu>
                <!--主体内容-->
                <router-view></router-view>
              </el-main>
           </el-container>
        </el-container>
        <!-- <el-button @click="logout">退出登录</el-button>
        {{$store.state.user}} -->
    </div>
</template>
<script setup>
import Header from '@/components/Header.vue'
import Menu from '@/components/Menu.vue'
import TagMenu from '@/components/TagMenu.vue'
import {useRouter} from 'vue-router'
import {useStore} from 'vuex'

const router=useRouter()
const store=useStore()
</script>
<style lang="less" scoped>
.el-header{
    background: #1AA094;
}
.el-main{
    background: #F2F4F5;
    height: 100%;
}
.el-aside{
    background: #32363f;
    height: 860px;
}
</style>
